﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>待办工单</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <script src="components/requirejs/require.js" async="async" data-main="resources/js/backlog"></script>
    <link href="resources/css/common.css" rel="stylesheet" />
    <link href="resources/css/backlog.css" rel="stylesheet" />
</head>
<body>
    <div id="view">
        <div view v-if="isloading"></div>

        <div empty v-if="(incidentCount + problemCount + changeCount + releaseCount + taskCount) == 0">
            <img src="resources/image/common/empty.png" />
            <div>暂无数据</div>
        </div>

        <div group v-if="incidentCount > 0">
            <div group-title>
                <div center>
                    <img src="resources/image/backlog/incident.png" />
                </div>
                <div center-v>
                    <div maintitle>事件单</div>
                </div>
                <div>
                    <div count>共{{incidentCount}}件</div>
                </div>
            </div>
            <div group-item v-for="item in detail.incident" v-on:click="gotoIncident(item.status)">
                <div>{{item.status}}</div>
                <div>{{item.count}}</div>
                <div center>
                    <div arrow-right></div>
                </div>
            </div>
        </div>

        <div group v-if="problemCount > 0">
            <div group-title>
                <div center>
                    <img src="resources/image/backlog/problem.png" />
                </div>
                <div center-v>
                    <div maintitle>问题单</div>
                </div>
                <div>
                    <div count>共{{problemCount}}件</div>
                </div>
            </div>
            <div group-item v-for="item in detail.problem" v-on:click="gotoProblem(item.status)">
                <div>{{item.status}}</div>
                <div>{{item.count}}</div>
                <div center>
                    <div arrow-right></div>
                </div>
            </div>
        </div>

        <div group v-if="changeCount > 0">
            <div group-title>
                <div center>
                    <img src="resources/image/backlog/change.png" />
                </div>
                <div center-v>
                    <div maintitle>变更单</div>
                </div>
                <div>
                    <div count>共{{changeCount}}件</div>
                </div>
            </div>
            <div group-item v-for="item in detail.change" v-on:click="gotoChange(item.status)">
                <div>{{item.status}}</div>
                <div>{{item.count}}</div>
                <div center>
                    <div arrow-right></div>
                </div>
            </div>
        </div>

        <div group v-if="releaseCount > 0">
            <div group-title>
                <div center>
                    <img src="resources/image/backlog/release.png" />
                </div>
                <div center-v>
                    <div maintitle>发布单</div>
                </div>
                <div>
                    <div count>共{{releaseCount}}件</div>
                </div>
            </div>
            <div group-item v-for="item in detail.release" v-on:click="gotoRelease(item.status)">
                <div>{{item.status}}</div>
                <div>{{item.count}}</div>
                <div center>
                    <div arrow-right></div>
                </div>
            </div>
        </div>

        <div group v-if="taskCount > 0">
            <div group-title>
                <div center>
                    <img src="resources/image/backlog/task.png" />
                </div>
                <div center-v>
                    <div maintitle>任务单</div>
                </div>
                <div>
                    <div count>共{{taskCount}}件</div>
                </div>
            </div>
            <div group-item v-for="item in detail.task" v-on:click="gotoTask(item.status)">
                <div>{{item.status}}</div>
                <div>{{item.count}}</div>
                <div center>
                    <div arrow-right></div>
                </div>
            </div>
        </div>

    </div>
</body>
</html>